atomic design Atomic Design 적용해보기 컬러팔레트, 폰트, 애니메이션과 같은 추상적인 요소를 포함하기도 한다. 예를 들어, form 의 label, input, button 같이 각 개별적으로는 유용하지 않지만 form 으로 구성되면 실제로 기능을 할 수 있는 형태를 지칭한다. 페이지를 구성하기 위해 유기체를 grouping해 구성하며, 이를 통해 디자인을 확인하고, 레이아웃이 실제로 구동되는지 확인할 수 있다. 매우 구체적으로 ... atomic designDesign SystemDesign System [TIL] Atomic Design 아토믹 디자인은 디자인 시스템을 만드는 하나의 방법론으로서 5개의 구분된 단계가 있다. Atoms(원자) 원자는 물질의 기본 빌딩 블록이다. 웹 인터페이스에 적용되며 원자는 폼의 텍스트 레이블, 인풋필드 혹은 버튼과 같은 HTML의 태그이다. Molecules(분자) 원자들을 서로 결합하여 그룹을 만들면 분자들은 그 자체의 특성을 가지고 있으며 우리의 디자인 시스템의 중추 역활을 한다. Or... atomic designatomic design
Atomic Design 적용해보기 컬러팔레트, 폰트, 애니메이션과 같은 추상적인 요소를 포함하기도 한다. 예를 들어, form 의 label, input, button 같이 각 개별적으로는 유용하지 않지만 form 으로 구성되면 실제로 기능을 할 수 있는 형태를 지칭한다. 페이지를 구성하기 위해 유기체를 grouping해 구성하며, 이를 통해 디자인을 확인하고, 레이아웃이 실제로 구동되는지 확인할 수 있다. 매우 구체적으로 ... atomic designDesign SystemDesign System [TIL] Atomic Design 아토믹 디자인은 디자인 시스템을 만드는 하나의 방법론으로서 5개의 구분된 단계가 있다. Atoms(원자) 원자는 물질의 기본 빌딩 블록이다. 웹 인터페이스에 적용되며 원자는 폼의 텍스트 레이블, 인풋필드 혹은 버튼과 같은 HTML의 태그이다. Molecules(분자) 원자들을 서로 결합하여 그룹을 만들면 분자들은 그 자체의 특성을 가지고 있으며 우리의 디자인 시스템의 중추 역활을 한다. Or... atomic designatomic design